<template>
  <div id="app_box">
    <!-- 导航栏 -->
    <header>
      <nav-bar></nav-bar>
    </header>
    <div class="body">
      <router-view></router-view>
    </div>
  </div>
</template>

<script>
import NavBar from "./components/navigation_bar/index.vue";
export default {
  components: {
    NavBar,
  },
};
</script>

<style lang="less">
#app_box {
  header {
    width: 100%;
    background-color: #fff;
    border-bottom: 1px solid #e6e6e6;
    position: fixed;
    top: 0;
    z-index: 1000;
  }
  .body {
    width: 1210px;
    margin: 60px auto;
  }
  .bottom {
    width: 1210px;
    text-align: center;
    padding: 20px;
  }
}
</style>
